﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <style>
        .responstable {
            margin: 1em 0;
            width: 100%;
            overflow: hidden;
            background: #FFF;
            color: #024457;
            border-radius: 10px;
            border: 1px solid #167F92;
        }
            .responstable tr {
                border: 1px solid #D9E4E6;
            }

                .responstable tr:nth-child(odd) {
                    background-color: #EAF3F3;
                }

            .responstable th {
                display: none;
                border: 1px solid #FFF;
                background-color: #167F92;
                color: #FFF;
                padding: 1em;
            }

                .responstable th:first-child {
                    display: table-cell;
                    text-align: center;
                }

                .responstable th:nth-child(2) {
                    display: table-cell;
                }

                    .responstable th:nth-child(2) span {
                        display: none;
                    }

                    .responstable th:nth-child(2):after {
                        content: attr(data-th);
                    }

        @media (min-width: 480px) {
            .responstable th:nth-child(2) span {
                display: block;
            }

            .responstable th:nth-child(2):after {
                display: none;
            }
        }

        .responstable td {
            display: block;
            word-wrap: break-word;
            max-width: 7em;
        }

            .responstable td:first-child {
                display: table-cell;
                text-align: center;
                border-right: 1px solid #D9E4E6;
            }

        @media (min-width: 480px) {
            .responstable td {
                border: 1px solid #D9E4E6;
            }
        }

        .responstable th, .responstable td {
            text-align: left;
            margin: .5em 1em;
        }

        @media (min-width: 480px) {
            .responstable th, .responstable td {
                display: table-cell;
                padding: 1em;
            }
        }

        body {
            padding: 0 2em;
            font-family: Arial, sans-serif;
            color: #024457;
            background: #ffffff;
        }

        h1 {
            font-family: Verdana;
            font-weight: normal;
            color: #024457;
        }

            h1 span {
                color: #167F92;
            }
    </style>
</head>
<body>


    <h1>Software update required</h1>
    <h2>Server Prerequisite check</h2>

    <p>This check ensures that the server has the following items installed and correctly configured.</p>
    <table class="responstable">
            <tr>
                <td><b>Service/Feature</b></td>
                <td><b>Information</b></td>
                <td><b>Pass/Fail</b></td>
            </tr>
            <tr>
                <td>IIS Installed</td>
                <td>Installed and Running</td>
                <td>PASS</td>
            </tr>
            <tr>
                <td>.Net Framework 4.5</td>
                <td>Framework version 4.5</td>
                <td>PASS</td>
            </tr>
            <tr>
                <td>Web Site Found</td>
                <td>Default Web Site</td>
                <td>PASS</td>
            </tr>
            <tr>
                <td>Config Write Permissions</td>
                <td>Web: Yes, Service: Yes</td>
                <td>PASS</td>
            </tr>
    </table>


    <h2>Software Information</h2>
   
        <table class="responstable">
            <tr>
                <td><b>Product</b></td>
                <td><b>Installed Version</b></td>
                <td><b>Update Version</b></td>
            </tr>
            <tr>
                <td>Web - UTA</td>
                <td>1.0.4</td>
                <td>1.0.5</td>
            </tr>
            <tr>
                <td>Service - Traffic & Alarms</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>Database - Traffic_JITC</td>
                <td>4</td>
                <td>7</td>
            </tr>
    </table>

    <h1>Update Required!</h1>
</body>
</html>
